﻿/*上传图片通用样式*/
.upload-ul{ 
	position: relative; 
	display: inline-block;
	*display: inline; 
	*zoom:1; 
	max-width: 520px;
}
.upload-ul li{
	 position: relative; 
	 float: left; 
	 display: inline-block; 
	 width: 120px; 
	 height: 90px; 
	 margin: 0 5px 10px 0; 
	 padding: 0; 
	 border: none; 
	 cursor: pointer; 
	 -moz-border-radius: 2px; 
	 -webkit-border-radius: 2px; 
	 border-radius: 2px; 
	 overflow: hidden; 
}
.upload-pick{ 
	background: url(../../../../img/wap/cp_01.png) no-repeat; 
}
.upload-pick:hover{ 
	background: url(../../img/wap/imgUp/upload-bj.png) no-repeat 0 -90px; 
}
.webuploader-pick{
	position: relative;
	display: inline-block;
	vertical-align: top; 
	width: 100%; 
	height: 100%;
}
.webuploader-container{ 
	position: relative; 
	width: 100%; 
	height: 100%; 
}
.webuploader-container label{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.webuploader-element-invisible{
	opacity: 0;
	width: 100%;
	height: 100%;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
}
.viewThumb{ 
	position:relative;
	width: 100%;
	height: 100%;
	overflow:hidden;
	border-radius: .3rem;
}
.viewThumb img{ 
	width: 100%;
	height: 100%
}
.diyBar{ 
	position: absolute; 
	display:none; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../../img/wap/imgUp/bgblack.png);
	z-index: 3;
}
.diyProgress{ 
	position: absolute; 
	left: 0;
	top: 33px;
	width: 100%;
	height: 24px;
	line-height:24px;
	font-size: 14px;
	text-align: center;
	color: #FFF;
	background:rgba(10,168,241,.7); 
	z-index: 3;
}
.diyControl{ 
	position: absolute;
	 display:none; 
	 left: 0;bottom: 0;
	 width: 100%;
	 height: 24px;
	 line-height:24px;
	 font-size: 14px;
	 background: url(../../img/wap/imgUp/bgblack.png);
	  z-index: 3; 
	}
.viewThumb:hover .diyControl{ 
	display: block; 
}
.diyControl span{ 
	display: inline-block; 
	padding: 6.5px 13px; 
	width: 12px; 
	height: 11px; 
}
.diyControl span i{ 
	display: block; 
	width: 12px; 
	height: 11px; 
	opacity: .7; 
}
.diyControl span i:hover{
 opacity: 1; 
 cursor: pointer; 
}
.diyLeft{ 
	margin-left: 3px; 
}
.diyLeft{ 
	margin-right: 3px; 
}
.diyLeft i{ 
	margin-left: 3px; 
	background: url(../../img/wap/imgUp/upload-icon1.png) no-repeat 0 0; 
}
.diyCancel i{ 
	background: url(../../img/wap/imgUp/upload-icon1.png) no-repeat 0 -11px;
	 }
.diyRight i{ 
	margin-right: 3px; 
	background: url(../../img/wap/imgUp/upload-icon1.png) no-repeat 0 -22px; 
}
.goods-edit .upload-tip{ 
	font: 12px/23px; 
	color: #a3a3a3;
	vertical-align: top; 
}



